@media (max-width: 922px) {
  .index-aside {
    display: none !important;
  }

  .user-action-nav {
    margin-right: 0 !important;
  }

  .timeline-entry-list {
    margin-right: 0 !important;
  }

  .content-box {
    padding: .8rem .7rem !important;
  }
}

.slide-fade-enter-active {
  transition: all .3s ease;
}

.slide-fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter, .slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.up-fade-enter-active {
  transition: all .3s ease;
}

.up-fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.up-fade-enter, .up-fade-leave-to {
  transform: translateY(10px);
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
  opacity: 0;
}

.clear {
  clear: both
}

//@media (max-width: 992px) {
._col-2 {
  width 31.55555%
}

._col-3 {
  width 33.33333333%
}

._col-4 {
  width 23.33333333%
}

._col-5 {
  width 13.33333333%
}

@media (max-width: 992px) {
  ._col-2 {
    width 45%
  }
}

.after-in:before,
.after-in:after {
  content " "
  display table
}

.after-in:after {
  clear both
}

.heart {
//background: url(../images/web_heart_animation.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 2rem;
  width: 5rem;
  cursor: pointer;
  left: -14px;
  background-size: 2900%;
}

@-webkit-keyframes revolving {
  0% {
    transform: rotateY(0)
  }
  25% {
    transform: rotateY(180deg) rotateX(0)
  }
  50% {
    transform: rotateX(180deg) rotateY(360deg)
  }
  75% {
    transform: rotateX(360deg) rotateY(0)
  }
  100% {
    transform: rotateX(0)
  }
}

@-webkit-keyframes revolved {
  0% {
    transform: rotateY(0) translateY(0)
  }
  50% {
    transform: rotateY(360deg) translateY(1rem)
  }
  100% {
    transform: rotateY(0) translateY(0)
  }
}

@keyframes heartBlast {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}

@keyframes smallbig {
  0% {
    transform scale(0)
  }
  100% {
    transform scale(1)
  }
}

.heartAnimation {
  display: inline-block;
  animation-name: heartBlast;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  background-position: right;
}

@keyframes heartBlast2 {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}

.heartAnimation2 {
  display: inline-block;
  animation-name: heartBlast2;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  background-position: left;
}

@media (max-width: 480px) {
  ._col-2 {
    width 95%
  }
}

//}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
  opacity: 0;
}

@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes miss {
  0% {
    transform scale(1)
  }
  100% {
    transform scale(0)
  }
}

.lds-rolling {
  position: relative;
}

.lds-rolling div,
.lds-rolling div:after {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border: 5px solid #ffffff;
  border-top-color: transparent;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.lds-rolling div {
  -webkit-animation: lds-rolling 1s linear infinite;
  animation: lds-rolling 1s linear infinite;
//top: 100px;
//left: 100px;
}

.lds-rolling div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.lds-rolling {
//width: 200px !important;
//height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.lds-css {
  height 100%;
  width 100%;
}
textarea,input{
  -webkit-tap-highlight-color:rgba(255,0,0,0);
}


@-webkit-keyframes rotate-rolling {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(360deg)  scale(.5);
  }
}


@-webkit-keyframes become-big {
  0% {
      max-height: 10rem;
  }
  100% {
      max-height: 3.5rem;
  }
}




@-webkit-keyframes become-small {
  0% {
        max-height: 3.5rem;
  }
  100% {
        height: auto;
  }
}











